<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
 .dakuang{
            width: 800px;
            height:700px;
            background-color: rgb(140, 240, 140);
            /* padding: 25px; */
        }
#all{
    width: 300px;
    height:600px;
    background-color:white;
    margin:auto;
    padding: 25PX;
    
}
#text{
    width: 300px;
    height: 400px;    
    font-size: 28px;
   }

a{
    text-decoration:none;
}
a:hover{
    color: green;
   
}
#text div:hover{
    background-color:rgba(60,60,60,0.2);
}
#text div{
    padding: 3px 15PX;
}
 

    </style>
</head>
<body>
    <div class="dakuang">
    <div id="all">
        <div id="text" class="all">       
            <div> <a href="">家用电器</a> </div>
            <div > <a href="">手机/运营商/数码</a> </div>
            <div> <a href="">电脑/办公</a> </div>
            <div > <a href="">家具/家居/家装/厨具</a> </div>
            <div > <a href="">美妆/个护清洁/宠物</a> </div>
            <div > <a href="">女鞋/箱包</a> </div>
            <div> <a href="">家用电器</a> </div>
            <div > <a href="">手机/运营商/数码</a> </div>
            <div > <a href="">电脑/办公</a> </div>
            <div> <a href="">家具/家居/家装/厨具</a> </div>
            <div> <a href="">美妆/个护清洁/宠物</a> </div>
            <div > <a href="">女鞋/箱包</a> </div>
            <div > <a href="">家用电器</a> </div>
            <div> <a href="">手机/运营商/数码</a> </div>              
        </div>
    </div>
</div>
</body>
</html>